<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>photograph</title>
  

  <link rel="stylesheet" href="css/reset.css">
 	<link rel="stylesheet" href="css/animate.min.css" />
  <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

 	<!--  加载fullpage.js -->
  <link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css" />
</head> 

<body>
<div id="fullpage">
	
	

	<!--第一个section-->
	<div class="section" id="firstpage">
		
	
		<div class="text" >
			
			<h1>校园约拍</h1>
			<p>效果图</p>
			<p style="padding: 1em 1em; width: 200px; margin: 0 auto;">
				
			</p>
		</div>
		
	</div>
	
	
  <!--第二个section-->
	<div class="section">
		
        
		<div class="text" style="padding-top:1em">	
			<h1>校园约拍</h1>
			 <div class="slide">
				
				<p class="contain-upright">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2023/04/10/76a592ec23fa53e3.webp'>
				</p>
			 </div>
			 <div class="slide">
				
				<p class="contain-upright">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2023/04/10/8b2bd9673ecfb9ee.webp'>
				</p>
			 </div>
			 <div class="slide">
				
				<p class="contain-upright">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2023/04/10/1b3e549b9d7090d5.webp'>
				</p>
			 </div>
             <div class="slide">
				
				<p class="contain-upright">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2023/04/10/87fd282a24d1798f.webp'>
				</p>
			 </div>
			 <div class="slide">
				
				<p class="contain-upright">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2023/04/10/494cbcc7f4ed4b67.webp'>
				</p>
			 </div>
			 <div class="slide">
				
				<p class="contain-upright">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2023/04/10/5d78aaf0621245b6.webp'>
				</p>
			 </div>
			 
		</div>
		
	</div>

    <!--第三个section-->
	<div class="section">
		
       
		<div class="text" style="padding-top:1em">	
			<h1>校园约拍</h1>
			 <div class="slide">
				
				<p class="contain-upright">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2023/04/14/3845f7c84659e963.webp'>
				</p>
			 </div>
			 <div class="slide">
				
				<p class="contain-upright">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2023/04/14/eeb951a6a9679447.webp'>
				</p>
			 </div>
			 <div class="slide">
				
				<p class="contain-upright">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2023/04/14/f3fe390d2e2856ec.webp'>
				</p>
			 </div>
             <div class="slide">
				
				<p class="contain-upright">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2023/04/14/96ee3c6bf53d703f.webp'>
				</p>
			 </div>
			 <div class="slide">
				
				<p class="contain-upright">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2023/04/14/0c647d7400c48a65.webp'>
				</p>
			 </div>
			 
			 
		</div>
		
	</div>

	

	
	
	  
		
 </div>  
	
	
	<!-- 这是v1.11.0的jquery -->
  <script src='js/jquery.js'></script>
  <script type="text/javascript" src="js/jquery.fullPage.js"></script>
	<script src="js/jquery.lazylinepainter-1.7.0.min.js"></script>
  
  <script type="text/javascript" src="js/index.js"></script>
  <!-- This following line is optional. Only necessary if you use the option css3:false and you want to use other easing effects rather than "linear", "swing" or "easeInOutCubic". -->
	<!--  <script src="vendors/jquery.easings.min.js"></script>-->
	<!-- This following line is only necessary in the case of using the plugin option `scrollOverflow:true` -->
	<!-- <script type="text/javascript" src="vendors/jquery.slimscroll.min.js"></script>-->
	 




</body>

</html>